<template>
	<div class="privacy-policy-container">
		<div class="privacy-policy-content">
			<h1 class="policy-title">南京环动分布式电站智能运维平台隐私政策</h1>
			<div class="policy-meta">
				<span class="policy-date">更新日期：2025年06月12日</span>
				<span class="policy-date">生效日期：2025年06月12日</span>
			</div>

			<section class="policy-section">
				<h2 class="section-title">导言</h2>
				<p class="section-text">
					为说明南京环动分布式电站智能运维平台会如何收集、使用和存储你的个人信息及你享有何种权利，我们将通过本指引向你阐述相关事宜，其中要点如下：
				</p>
			</section>

			<div class="policy-highlights">
				<ul class="highlight-list">
					<li class="highlight-item">
						我们将逐一说明我们收集的你的个人信息类型及其对应的用途，以便你了解我们针对某一特定功能所收集的具体个人信息的类别、使用理由及收集方式。
					</li>
					<li class="highlight-item">
						当你使用某些功能时，我们会在获得你的同意后，收集你的敏感个人信息。如你在使用创建电站功能时我们会收集你的精确位置信息。
					</li>
					<li class="highlight-item">我们不会主动共享或转让你的个人信息至南京环动绿能科技股份有限公司外的第三方。</li>
					<li class="highlight-item">
						你可以通过本指引所列途径及方式查阅、更正、复制、删除你的个人信息，也可以撤回同意、注销帐号、投诉举报等隐私功能。
					</li>
				</ul>
			</div>

			<section id="section1" class="policy-section">
				<h2 class="section-title">1. 我们收集、使用的信息</h2>
				<p class="section-text">
					在你使用南京环动分布式电站智能运维平台服务的过程中，我们会按照如下方式收集、使用你在使用服务时主动提供或因为使用服务而产生的信息：
				</p>

				<div class="subsection">
					<h3 class="subsection-title">1.1 注册信息</h3>
					<p class="subsection-text">
						当你注册南京环动分布式电站智能运维平台服务时，我们会收集、使用你的姓名、手机号码或邮箱，收集这些信息是为了帮助你完成南京环动分布式电站智能运维平台注册等功能，保护你南京环动分布式电站智能运维平台帐号的安全。若你不提供这类信息，你可能无法正常使用我们的服务。你还可以根据自身需求选择填写用户名等信息。
					</p>
				</div>

				<div class="subsection">
					<h3 class="subsection-title">1.2 设备信息</h3>
					<p class="subsection-text">
						当你注册南京环动分布式电站智能运维平台服务时，为保障你正常使用我们的服务，维护我们服务的正常运行，改进及优化我们的服务体验以及保障你的帐号安全，我们会收集、使用你的设备型号、操作系统、唯一设备标识符（Android端如AndroidID/OAID,
						iOS端如iOS14.5之前的IDFA）、登录IP地址、南京环动分布式电站智能运维平台软件版本号、接入网络的方式、类型和状态、网络质量数据、设备加速器（如重力感应设备）、操作日志、服务日志信息（如你在南京环动分布式电站智能运维平台进行搜索、查看操作的记录、服务故障信息、引荐网址等信息）等日志信息。
					</p>
				</div>

				<!-- 其他小节内容按照相同结构添加 -->
			</section>

			<section id="section2" class="policy-section">
				<h2 class="section-title">2. 信息的存储</h2>

				<div class="subsection">
					<h3 class="subsection-title">2.1 信息存储的地点</h3>
					<p class="subsection-text">
						我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。如果你的个人信息存储地点从中国境内转移到境外的，我们将严格依照法律的规定执行。
					</p>
				</div>

				<div class="subsection">
					<h3 class="subsection-title">2.2 信息存储的期限</h3>
					<p class="subsection-text">一般而言，我们仅在为实现目的所必需的时间及法律、行政法规所规定的保存期限内保留你的个人信息。</p>
				</div>
			</section>

			<!-- 其他大节内容按照相同结构添加 -->

			<section id="section8" class="policy-section">
				<h2 class="section-title">8. 联系我们</h2>
				<p class="section-text">
					我们设立了专门的个人信息保护团队和个人信息保护负责人，如果你对本隐私政策或个人信息保护相关事宜有任何疑问或投诉、建议时，你可以通过以下任一方式与我们联系：
				</p>
				<ol class="contact-list">
					<li class="contact-item">通过电话联系我们：025-85320058</li>
					<li class="contact-item">将你的问题发送至 william693@163.com</li>
				</ol>
				<p class="section-text">我们将尽快审核所涉问题，并在收到你的投诉反馈后的十五天内予以回复。</p>
			</section>
		</div>
	</div>
</template>

<script>
export default {
	name: 'PrivacyPolicy',
};
</script>

<style lang="scss" scoped>
.privacy-policy-container {
	font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
	line-height: 1.6;
	color: #333;
	background-color: #f9f9f9;
	padding: 20px 0;
	height: 100vh;
	overflow-y: auto;
}

.privacy-policy-content {
	max-width: 80%;
	margin: 0 auto;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	min-height: fit-content;
}

.policy-title {
	font-size: 28px;
	font-weight: 600;
	color: #222;
	margin-bottom: 15px;
	text-align: center;
}

.policy-meta {
	text-align: center;
	margin-bottom: 30px;
	color: #666;
}

.policy-date {
	margin: 0 15px;
}

.policy-section {
	margin-bottom: 40px;
}

.section-title {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin: 30px 0 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}

.section-text {
	margin-bottom: 20px;
	color: #444;
}

.policy-highlights {
	background-color: #f5f9ff;
	border-left: 4px solid #1890ff;
	padding: 15px 20px;
	margin: 25px 0;
	border-radius: 0 4px 4px 0;
}

.highlight-list {
	padding-left: 20px;
	margin: 0;
}

.highlight-item {
	margin-bottom: 10px;
	color: #444;
}

.policy-toc {
	background-color: #f8f8f8;
	padding: 15px 25px;
	border-radius: 6px;
	margin: 30px 0;
}

.toc-title {
	font-size: 18px;
	margin: 0 0 15px 0;
	color: #333;
}

.toc-list {
	padding-left: 20px;
	margin: 0;
}

.toc-item {
	margin-bottom: 8px;
}

.subsection {
	margin-bottom: 25px;
}

.subsection-title {
	font-size: 18px;
	font-weight: 500;
	color: #444;
	margin: 25px 0 10px;
}

.subsection-text {
	margin-bottom: 15px;
	color: #555;
}

.contact-list {
	padding-left: 20px;
	margin: 15px 0;
}

.contact-item {
	margin-bottom: 8px;
}
</style>
